<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="referrer" content="never">
    <!--当网站添加到主屏幕快速启动方式，将网站添加到主屏幕快速启动方式-->
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--隐藏ios上的浏览器地址栏-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!-- UC默认竖屏 ，UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <title>俱乐部</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/club.css">
</head>
<body>
<div class="club">

    <div class="public-header">
        <div class="container clearfix">
            <div class="logo">
                <a href="../../index.html"><img src="../../img/logo.png"></a>
            </div>

            <div class="nav">
                <ul class="list clearfix">
                    <li>
                        <a href="../../index.html" class="animate-nav-line">首页</a>
                    </li>
                    <li>
                        <a href="../companyNews/companyNews.html" class="animate-nav-line">企业动态</a>
                    </li>
                    <li>
                        <a href="./club.html" class="animate-nav-line active">俱乐部</a>
                    </li>
                    <li>
                        <a href="../contact/contact.html" class="animate-nav-line">联系我们</a>
                    </li>
                    <li>
                        <a href="../appDownload/appDownload.html" class="animate-nav-line">APP下载</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="club-banner">
        <div class="banner-list">
            <img src="../../img/index_banner.png">
        </div>
        <a href="" class="btn-more">了解更多</a>
    </div>

    <div class="club-content">
        <div class="container">
            <div class="search-head clearfix">
                <div class="info">
                    <i class="icon-address"></i>
                    <p class="text"><span class="pink">广东</span>，广州市附近有<span class="pink">188</span>个美胸汇俱乐部</p>
                </div>
                <div class="search-box clearfix">
                    <div class="input clearfix">
                        <i class="icon-search"></i>
                        <input type="text" placeholder="请输入关键字">
                    </div>
                    <div class="btn-confirm">确定</div>
                </div>
            </div>

            <div class="map-box clearfix">
                <div class="left-list">
                    <div class="select-box">
                        <div id="target" data-toggle="distpicker"><!-- container -->
                            <select></select><!-- 省 -->
                            <select></select><!-- 市 -->
                        </div>
                    </div>
                    <ul class="address-list">
                        <li class="active">
                            <div class="caption">1、广东花都区美胸汇</div>
                            <div class="address">广东花都迎宾大道北北门5号1302号</div>
                        </li>
                        <li>
                            <div class="caption">2、广东花都区美胸汇</div>
                            <div class="address">广东花都迎宾大道北北门5号1302号</div>
                        </li>
                        <li>
                            <div class="caption">3、广东花都区美胸汇</div>
                            <div class="address">广东花都迎宾大道北北门5号1302号</div>
                        </li>
                        <li>
                            <div class="caption">4、广东花都区美胸汇</div>
                            <div class="address">广东花都迎宾大道北北门5号1302号</div>
                        </li>
                        <li>
                            <div class="caption">5、广东花都区美胸汇</div>
                            <div class="address">广东花都迎宾大道北北门5号1302号</div>
                        </li>
                    </ul>
                    <div class="pagination clearfix">
                        <div class="left">
                            <span class="btn-prev"><</span>
                            <span class="btn-next">></span>
                        </div>
                        <div class="right">
                            <span class="current-page">4</span>/<span class="total-page">11</span>
                        </div>
                    </div>
                </div>
                <div class="right-map">
                    <div id="map-wrap"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="public-footer">
        <div class="footer-content-1">
            <div class="container clearfix">
                <div class="address-area">
                    <div class="footer-logo">
                        <img src="../../img/logo.png">
                    </div>
                    <p class="contact">服务热线：020-3751666</p>
                    <p class="address">公司地址：广州市从化区横江路339号</p>
                </div>
                <div class="list">
                    <ul class="clearfix">
                        <li>
                            <div class="caption">关于美胸汇</div>
                            <div class="item-box">
                                <a href="./league.html" class="item-text">俱乐部加盟</a>
                                <a href="../contact/contact.html" class="item-text">联系我们</a>
                                <a href="../contact/recruit.html" class="item-text">社会招聘</a>
                            </div>
                        </li>
                        <li>
                            <div class="caption">合作伙伴</div>
                            <div class="item-box">
                                <a href="" class="logo-box"><img src="../../img/teamwork_logo1.png"></a>
                                <a href="" class="logo-box"><img src="../../img/teamwork_logo2.png"></a>
                            </div>
                        </li>
                        <li>
                            <div class="caption">美胸汇APP下载</div>
                            <div class="item-box">
                                <div class="code-box">
                                    <img src="../../img/code.png?20190903">
                                    <span class="code-text">iPhone & Android</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-content-2">
            <div class="container clearfix">
                <div class="left">
                    <p>备案号：粤ICP备案号<a href="">16082561号-1</a> Copyright 2017 广东美胸汇网络科技有限公司 版权所有</p>
                </div>
                <div class="right">
                    <ul class="list clearfix">
                        <li>
                            <a href=""><img src="../../img/qq.png"></a>
                        </li>
                        <li>
                            <a href=""><img src="../../img/wechat.png"></a>
                        </li>
                        <li>
                            <a href=""><img src="../../img/webo.png"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/distpicker/distpicker.data.js"></script>
<script src="../../js/distpicker/distpicker.js"></script>
<script>
    $('#target').distpicker({
        province: '广东省',
        city: '广州市'
    });
</script>
<!--秘钥： CxjQu95BXRMZMc2GHglE6nNZgWUhzzXa-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=CxjQu95BXRMZMc2GHglE6nNZgWUhzzXa"></script>
<script type="text/javascript">
    var map = new BMap.Map("map-wrap"); //创建Map实例
    var point = new BMap.Point(113.620782,23.134625);
    map.centerAndZoom(point, 17); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));
    map.setCurrentCity("广州"); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    var marker = new BMap.Marker(point); // 创建标注
    map.addOverlay(marker); // 将标注添加到地图中
    var opts = {
        width: 200, // 信息窗口宽度
        height: 100, // 信息窗口高度
        title: "广东花都迎宾大道", // 信息窗口标题
        enableMessage: true, //设置允许信息窗发送短息
        message: "亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
    }
    var infoWindow = new BMap.InfoWindow("地址：广东花都迎宾大道 <br /> 电话：13822223300", opts); // 创建信息窗口对象
    marker.addEventListener("click", function() {
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });
</script>